<template>
  <div class="GdwyyAppOverview-container fill-w flex-center">
    <div
      class="main flex-column flex-center"
      v-for="(item, index) in list"
      :key="index + 'list'"
      @click="handleGoDetail(item)"
    >
      <img class="icon" :src="require('../../../../assets/imgs/reconsitution/' + item.icon + '.png')" />
      <div class="font-13 color666">{{ item.label }}</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'GdwyyAppOverview',

  data() {
    return {
      list: [
        {
          icon: 'cd_ch',
          label: '晨会',
          detailUrl: '/publicline/morning',
        },
        {
          icon: 'cd_xh',
          label: '夕会',
          detailUrl: '/publicline/evening',
        },
        // {
        //   icon: 'cd_pm',
        //   label: ' 派单监控',
        //   detailUrl: '/publicline/taskPage',
        // },
        // { icon: 'icon-shangji', label: ' 促销任务', detailUrl: '/publicline/wgqr' },
        {
          icon: 'icon_swly',
          label: '营销派单统计',
          detailUrl: '/publicline/marketingOrderDispatchStats',
        },
        {
          icon: 'icon_wgcy',
          label: '用户登录统计',
          detailUrl: '/publicline/userLoginStatistics',
        },
        {
          icon: 'icon-yujing',
          label: '工单看全',
          detailUrl: '/publicline/viewAllWorkOrders',
        },
        {
          icon: 'icon_dbdy',
          label: '待办待阅',
          isHas:true,
          detailUrl: '/publicline/todoToread',
        },
        {
          icon: 'icon_gdzp',
          label: '工单转派',
          isHas:true,
          detailUrl: '/publicline/orderDispatch',
        },
        {
          icon: 'icon_jpgd',
          label: '纠偏工单',
          detailUrl: '/publicline/addressMisson/correctionSide',
        },
        {
          icon: 'icon_tjfx',
          label: '统计分析',
          detailUrl: '/publicline/sumAnalysis',
        },
      ],
    }
  },

  mounted() {},

  methods: {
    handleGoDetail({ detailUrl, label }) {
      if (!detailUrl) return
        this.$open.call(this, detailUrl)
    },
  },
}
</script>

<style lang="less" scoped>
@import '~@assets/less/reconsitution/common.less';
.GdwyyAppOverview-container {
  background: #ffffff;
  box-sizing: border-box;
  flex-wrap: wrap;
  padding-top: 12px;
  .main {
    width: 25%;
    box-sizing: border-box;
    margin-bottom: 12px;
    .icon {
      width: 6.9333vw;
      height: 6.9333vw;
      margin-bottom: 1.3333vw;
    }
  }
}
</style>